<template>
	<div style="overflow: hidden;" class="blue-layout home">

		<van-nav-bar title="YUNSPACE" ></van-nav-bar>

		<section style="padding: 10px;">
			<van-row gutter="10">
				<van-col span="8" style=" ">
					<div class="menu-item">
						<van-icon name="cash-on-deliver" style="font-size: 30px;" />
						<p style="margin: 0;">有效需求</p>
					</div>
				</van-col>
				<van-col span="8" style=" ">
					<div class="menu-item">
						<van-icon name="cash-on-deliver" style="font-size: 30px;" />
						<p style="margin: 0;">我的客户</p>
					</div>
				</van-col>
				<van-col span="8" style=" ">
					<div class="menu-item">
						<van-icon name="cash-on-deliver" style="font-size: 30px;" />
						<p style="margin: 0;">我的审核</p>
					</div>
				</van-col>
			</van-row>
		</section>
		<section style="padding:0 10px;">
			<van-row gutter="10">
				<van-col span="8" style=" ">
					<div class="menu-item">
						<van-icon name="success" style="font-size: 30px;" />
						<p style="margin: 0;">我的申请</p>
					</div>
				</van-col>
				<van-col span="8" style=" ">
					<div class="menu-item">
						<van-icon name="success" style="font-size: 30px;" />
						<p style="margin: 0;">我的场地需求</p>
					</div>
				</van-col>
				<van-col span="8" style=" ">
					<div class="menu-item">
						<van-icon name="success" style="font-size: 30px;" />
						<p style="margin: 0;">发起场地需求</p>
					</div>
				</van-col>
			</van-row>
		</section>

	</div>
</template>

<script>
	import { Row, Col, Icon, NavBar, Cell, CellGroup } from 'vant';

	export default {
		components: {
			[Row.name]: Row,
			[Col.name]: Col,
			[Icon.name]: Icon,
			[NavBar.name]: NavBar,
			[Cell.name]: Cell,
			[CellGroup.name]: CellGroup
		}
	}
</script>

<style lang="less">
	@import "../styles/base.less";
	.home {
		.menu-item {
			background: #FFF;
			border-radius: 2px;
			box-shadow: 0 0 10px 0 #dedede;
			text-align: center;
			padding: 10px;
			font-size: 15px;
		}
	}
</style>